import { createRouter, createWebHashHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'

const routes = [{
    path: '/:id',
    name: 'home',
    component: HomeView
}, {
    path: '/index2/:id',
    name: 'Index2',
    component: () =>
        import ('@/views/index2.vue')
}, {
    path: '/index3/:id',
    name: 'Index3',
    component: () =>
        import ('@/views/index3.vue')
}, {
    path: '/index4/:id',
    name: 'Index4',
    component: () =>
        import ('@/views/index4.vue')
}, {
    path: '/index5/:id',
    name: 'Index5',
    component: () =>
        import ('@/views/index5.vue')
}, {
    path: '/404',
    name: 'NotFound',
    component: () =>
        import ('@/views/NotFound.vue')
}, {
    path: "/:catchAll(.*)",
    redirect: '/404'
}]

const router = createRouter({
    history: createWebHashHistory(),
    routes
})

export default router